<style include="network-shared cr-hidden-style iron-flex">
  #container {
    align-self: stretch;
    border: 1px solid lightgrey;
    height: 100px;
    margin-top: 10px;
    overflow-y: auto;
    padding: 5px;
  }

  cr-icon-button {
    --cr-icon-button-margin-end: 0;
  }
</style>
<div id="container">
  <template is="dom-repeat" items="[[exclusions]]">
    <div class="layout horizontal center">
      <div class="flex">[[item]]</div>
      <cr-icon-button class="icon-clear" hidden="[[!editable]]"
          title="[[i18n('networkProxyExceptionRemoveA11yLabel', item)]]"
          on-click="onRemoveTap_">
      </cr-icon-button>
    </div>
  </template>
</div>
